<template>


  <el-container style="height: 100%;">
    <el-header style="height: 40px;">
        <common-header/>
        <!-- 引入顶栏 -->
      </el-header>
      
  <el-container>
    <el-aside  width="auto" style="box-shadow: 2px 0 6px rgb(0 21 41 / 35%)">
      <common-aside/>
    </el-aside>
    

    <el-main>
      <common-tag/>
      <router-view/>

    </el-main>
  </el-container>
</el-container>

  
</template>

<script>
// @ is an alias to /src
import CommonAside from '../components/CommonAside'
import CommonHeader from '../components/CommonHeader'
import CommonTag from '../components/CommonTag'

export default {
  name: 'Main',
  components: {
    CommonAside,
    CommonHeader,
    CommonTag
  }
}
</script>

<style lang="less">
.el-header {
  background-color: #333;
}

.el-main {
  padding-top: 0;
  overflow-y:hidden;
}
</style>
